<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:wicket="http://wicket.sourceforge.net/">

    <body>
        <wicket:extend>


            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header"><i class="fa fa-inbox fa-fw"></i>
                        <span wicket:id="lblTaraba">T001</span>
                        <small>Vizualizare Istoric Inchirieri</small>
                        <small>
                            <button type="button" class="btn btn-default btn-xs" wicket:id="lnkPrev"><i class="fa fa-chevron-left"></i> Precedenta</button>
                            <button type="button" class="btn btn-default btn-xs" wicket:id="lnkNext">Urmatoarea <i class="fa fa-chevron-right"></i></button>
                        </small>
                    </h1>  
                </div>

                <div class="col-lg-6">
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            Incasari din Taxe Zilnice
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <tr>
                                        <th>#</th>
                                        <th>Data</th>
                                        <th>Firma</th>
                                        <th class="text-right">Valoare</th>
                                        <th class="text-right">Actiuni</th>
                                    </tr>
                                    <tr wicket:id="istoricTaxeZilnice">
                                        <td wicket:id="index"></td>
                                        <td wicket:id="data"></td>
                                        <td wicket:id="firma">MyFirm</td>
                                        <td wicket:id="valoare" class="text-right">30 Ron</td>
                                        <td class="text-right">
                                            <button type="button" class="btn btn-outline btn-primary btn-xs" wicket:id="editLink" data-toggle="modal" >
                                                <i class="fa fa-pencil fa-fw"></i> <span wicket:id="textLink">23</span>
                                            </button>
                                            
                                            <!-- Modal -->
                                            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" wicket:id="divModal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <form role="form" wicket:id="form1">
                                                            <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                                <h4 class="modal-title" id="myModalLabel">Editare Inchiriere</h4>
                                                            </div>
                                                            <div class="modal-body">
                                                                
                                                                <div class="form-group">
                                                                    <label>Client actual: <span wicket:id="lblOcupant">Gigi SRL</span></label>
                                                                    <!-- <select class="form-control" wicket:id="firma1"></select> -->
                                                                    <br>
                                                                    <label>Modifica Ocupant:</label>
                                                                    <select class="form-control" wicket:id="firma">
                                                                        <option>-select-</option>
                                                                    </select>
                                                                    
                                                                </div>
                                                                
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                                <button type="button" class="btn btn-primary" wicket:id="submit1">Salvare</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                    <!-- /.modal-content -->
                                                </div>
                                                <!-- /.modal-dialog -->
                                            </div>
                                            <!-- /.modal -->
                                            
                                            <button type="button" class="btn btn-outline btn-primary btn-xs" wicket:id="delLink">
                                                <i class="fa fa-trash-o fa-fw"></i> sterge
                                            </button>
                                            
                                        </td>
                                    </tr>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- /.col-lg-6 -->
                <div class="col-lg-6">
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            Incasari din Taxe Periodice
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <tr>
                                        <th>#</th>
                                        <th>Data</th>
                                        <th>Firma</th>
                                        <th class="text-right">Valoare</th>
                                        <th class="text-right">Actiuni</th>
                                    </tr>
                                    <tr wicket:id="istoricTaxePeriodice">
                                        <td wicket:id="index"></td>
                                        <td wicket:id="data"></td>
                                        <td wicket:id="firma">MyFirm</td>
                                        <td wicket:id="valoare" class="text-right">30 Ron</td>
                                        <td class="text-right">
                                            <button type="button" class="btn btn-outline btn-primary btn-xs" wicket:id="editLink" data-toggle="modal" >
                                                <i class="fa fa-pencil fa-fw"></i> <span wicket:id="textLink">23</span>
                                            </button>
                                            
                                            <!-- Modal -->
                                            <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" wicket:id="divModal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <form role="form" wicket:id="form1">
                                                            <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                                                <h4 class="modal-title" id="myModalLabel">Editare Inchiriere</h4>
                                                            </div>
                                                            <div class="modal-body">
                                                                
                                                                <div class="form-group">
                                                                    <label>Client actual: <span wicket:id="lblOcupant">Gigi SRL</span></label>
                                                                    <br>
                                                                    <label>Modifica Ocupant:</label>
                                                                    <select class="form-control" wicket:id="firma">
                                                                        <option>-select-</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                                <button type="button" class="btn btn-primary" wicket:id="submit1">Salvare</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                    <!-- /.modal-content -->
                                                </div>
                                                <!-- /.modal-dialog -->
                                            </div>
                                            <!-- /.modal -->
                                            
                                            <button type="button" class="btn btn-outline btn-primary btn-xs" wicket:id="delLink">
                                                <i class="fa fa-trash-o fa-fw"></i> sterge
                                            </button>
                                            
                                        </td>
                                    </tr>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- /.col-lg-6 -->
                
            </div>

            <!-- Core Scripts - Include with every page -->
            <script src="js/jquery-1.10.2.js"></script>
            <script src="js/bootstrap.min.js"></script>
            <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
            <!-- SB Admin Scripts - Include with every page -->
            <script src="js/sb-admin.js"></script>

        </wicket:extend>
    </body>
</html>